{% extends 'client_portal/base.html' %}{% load portal_tags %}{% block content %}<div class="portal-section-head"><div><p>ÁREA FINANCEIRA</p><h2>Pagamentos</h2><span>Consulte estados e envie comprovativos em segurança.</span></div></div><div class="portal-table-wrap"><table class="portal-table"><thead><tr><th>Serviço</th><th>Valor</th><th>Método</th><th>Estado</th><th>Comprovativo</th></tr></thead><tbody>{% for payment in payments %}<tr><td><strong>{{ payment.renewal.service.name }}</strong><small>{{ payment.requested_at|date:'d/m/Y' }}</small></td><td>{{ payment.amount|euro }}</td><td>{{ payment.get_method_display }}</td><td><span class="status status--{{ payment.status|status_tone }}">{{ payment.get_status_display }}</span></td><td>{% if payment.proof %}<span class="proof-ok">✓ Enviado</span>{% elif payment.status != 'paid' %}<form method="post" enctype="multipart/form-data" action="{% url 'client_portal:payment_proof' payment.pk %}" class="proof-form">{% csrf_token %}<input type="file" name="proof" required accept=".pdf,.png,.jpg,.jpeg"><button type="submit">Enviar</button></form>{% else %}—{% endif %}</td></tr>{% empty %}<tr><td colspan="5"><div class="portal-empty">Sem pagamentos registados.</div></td></tr>{% endfor %}</tbody></table></div>{% endblock %}